<div class="row-fluid">
    <div class="box span12">
        <div class="box-header">
            <h2><i class="icon-edit"></i>Appointment Settings</h2>
            <div class="box-icon">
                <a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
                <a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
                <a href="#" class="btn-close"><i class="icon-remove"></i></a>
            </div>
        </div>
        <div class="box-content">
            <form class="form-horizontal">
                <fieldset>
                    <h4>Scheduling</h4>
                    <div class="control-group">
                        <span>Allow Appointments to end after your Location's official Closing Time:</span>
                        <span href="#" data-rel="popover" data-content="
                              If you select “Yes,” you can book appointments that overlap or exceed your business’s scheduled closing time.
                              If you select “No,” Booker will not let you book any appointments that will extend beyond your normal business hours.
                              Note that regardless of this setting, no appointments can start after your location’s closing time. This setting only applies to services booked immediately before closing time." title="Support">
                            <i class="icon-question-sign"></i>
                        </span>


                        <div class="controls">
                            <label class="radio">
                                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">
                                Yes
                            </label>
                            <label class="radio">
                                <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
                                No
                            </label>
                        </div>
                    </div>
                    <div class="control-group">
                        <span>Allow Appointments in the past:</span>
                        <span href="#" data-rel="popover" data-content="

                              Select “Yes” to allow users to book appointment for up to 24 hours in the past. This setting is useful for entering walk-in appointments after they happen if your front desk was unable to enter the appointment in advance." title="Support">
                            <i class="icon-question-sign"></i>
                        </span>


                        <div class="controls">
                            <label class="radio">
                                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">
                                Yes
                            </label>
                            <label class="radio">
                                <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
                                No
                            </label>
                        </div>
                    </div>
                    <div class="control-group">
                        <span>Allow Resource Overbooking:</span>
                        <span href="#" data-rel="popover" data-content="
                              If “Yes” is selected, multiple appointments will be able to be scheduled with the same staff and/or room at the same time. This is for internal use only." title="Support">
                            <i class="icon-question-sign"></i>
                        </span>


                        <div class="controls">
                            <label class="radio">
                                <input type="radio" name="optionsRadios1" id="optionsRadios1" value="option1" checked="">
                                Yes
                            </label>
                            <label class="radio">
                                <input type="radio" name="optionsRadios1" id="optionsRadios2" value="option2">
                                No
                            </label>
                        </div>
                    </div>
                    <div class="control-group">
                        <span>Allow staff Concurrency:</span>
                        <div class="controls">
                            <label class="radio">
                                <input type="radio" name="optionsRadios2" id="optionsRadios1" value="option1" checked="">
                                Yes
                            </label>
                            <label class="radio">
                                <input type="radio" name="optionsRadios2" id="optionsRadios2" value="option2">
                                No
                            </label>
                        </div>
                    </div>
                    <div class="control-group">
                        <span>Require Staff on Availability Search:</span>
                        <span href="#" data-rel="popover" data-content="If “Yes” is selected, appointments can only be booked when a qualified employee is available to perform them. If “No” is selected, appointments can be scheduled without an assigned employee, and will only display in Room View." title="Support">
                            <i class="icon-question-sign"></i>
                        </span>


                        <div class="controls">
                            <label class="radio">
                                <input type="radio" name="optionsRadios3" id="optionsRadios1" value="option1" checked="">
                                Yes
                            </label>
                            <label class="radio">
                                <input type="radio" name="optionsRadios3" id="optionsRadios2" value="option2">
                                No
                            </label>
                        </div>
                    </div>
                    <h4>Alerts</h4>
                    <div class="control-group">
                        <span for="selectError30">Show alert when a Customer has:</span>
                        <select id="selectError30">
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                        </select>
                        <span> or more No-Shows on record.</span>
                        <span>
                    </div>
                    <h4>Display</h4>
                    <div class="control-group">
                        <span>In Customer Itinerary, display: </span>
                        <span href="#" data-rel="popover" data-content="
                              Select the fields to include in the customer’s printed itinerary." title="Support">
                            <i class="icon-question-sign"></i>
                        </span>
                        <div class="controls">
                            <label class="checkbox inline">
                                <input type="checkbox" id="inlineCheckbox1" value="option1"> Staff
                            </label>
                            <label class="checkbox inline">
                                <input type="checkbox" id="inlineCheckbox2" value="option2"> Room
                            </label>
                        </div>
                    </div>
                    <div class="form-actions">
                        <button type="submit" class="btn btn-primary">Save changes</button>
                    </div>
                </fieldset>
            </form>
        </div>
    </div><!--/span-->

</div><!--/row-->